<!DOCTYPE html>
<html xml:lang="en" lang="en">
  <head>
    <title>${app.login.displayname} Login</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript">
      // places the cursor in the first available form element when the page is loaded
      // (if a form exists on the page)
      function focusFirstElement() {
        if (window.document.forms[0]) {
          window.document.forms[0].elements[0].focus();
        }
      }
    </script>
    <style type="text/css">
      body {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        margin: 0;
        padding: 2em;
        background-color: white;
        color: black;
      }
      #loginBox {
        padding: 0;
        margin: 1em 0;
        text-align: left;
        white-space: nowrap;
        line-height: 1.6em;
      }
      #loginBox label {
        display: block;
        float: left;
        width: 84px;
      }
      #loginBox input {
        width: 10em;
      }
      #loginBox input[type=submit] {
        width: 6em;
      }
    </style>
  </head>

  <body onload="javascript:focusFirstElement()">
    <div id="logo">
      <img src="/approots/bedework-common/images/bedeworkLogo.gif" alt="Bedework Logo"/>
    </div>
    <form method="post" action="j_security_check" id="loginBox">
      <label for="username">Username:</label>
      <input type="text" name="j_username" id="username" size="20"/><br/>
      <label for="password">Password:</label>
      <input type="password" name="j_password" id="password" size="20"/>
      <input type="submit" name="j_security_check" value="login"/>
    </form>
  </body>
</html>
